<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <title>Demonstration of noty</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="demonstration of some noty capabilities">

        <link href='http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic&amp;subset=latin,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
        <style type="text/css">

            html {
                height: 100%;
                width: 100%;
            }

            body {
                font-family: 'PT Sans', Tahoma, Arial, serif;
                line-height: 13px
            }

            a {
                color: #444;
                line-height: 30px;
                text-decoration: none;
                background: #f1f1f1;
                padding: 2px 8px;
            }

        </style>

    </head>
    <body>
        <div class="container">
            <div>
                <a href="allLayouts.html">See All Layouts</a>
            </div>
            <div>
                <a href="allTypes.html">See All Types</a>
            </div>
            <div>
                <a href="usingWithButtons.html">Using with Buttons</a>
            </div>
            <div>
                <a href="usingWithButtons2.html">Using with Buttons 2</a>
            </div>
            <div>
                <a href="usingWithModal.html">Using with Modal</a>
            </div>
            <div>
                <a href="usingWithOldOptions.html">Using with Old Options</a>
            </div>
            <div>
                <a href="customContainer.html">Using with Custom Container</a>
            </div>
            <div>
                <a href="consumingAlert.html">Consuming Alert</a>
            </div>
            <div>
                <a href="api.html">Using API</a>
            </div>
            <div>
                <a href="usingMaxVisible.html">Max Visible Option</a>
            </div>
            <div>
                <a href="killer.html">Killer Option</a>
            </div>
            <div>
                <a href="themeCss.html">CSS Theme Example</a>
            </div>
            <div>
                <a href="usingWithAnimate.css.html">Using with Animate.css</a>
            </div>
        </div>
    </body>
</html>
